<template>
    <div class="wrap">
    		<div class="content">
    			
	        <router-view></router-view>
    		</div>
        
        <div class="nav">
            <router-link to="/">首页</router-link>
            <router-link to="/member">会员</router-link>
            <router-link to="/class">分类</router-link>
            <router-link to="/shop">购物车</router-link>
            <router-link to="/my">我的</router-link>
        </div>
    </div>
</template>
<script type="text/javascript">
	
</script>
<style type="text/css" lang="less">
	@import './common/css/reset.css';
	
	.nav{
		position: fixed;
		bottom: 0;
		width: 100%;
		display:flex;
		border-top:1px solid #ccc;
		background:white;
		a{
			flex:1;
			display:block;
			text-align:center;
			line-height:50px;
			color:black;
		}
	}
	.content{
		height: 667px;
		background: pink;
		font-size: 30px;
		padding-bottom: 50px;
		
	}
</style>